<template>
  <footer class="rest-copyright" :style="{ color }">
    <div class="copyright-box">
      <span>Copyright</span>
      <icon-solar-copyright-linear></icon-solar-copyright-linear>
      <span>袋鼠短剧 {{ fullYear }}</span>
    </div>
    <div class="register-box">
      <a href="https://beian.miit.gov.cn/" type="primary" target="_blank" rel="noopener noreferrer">{{ register }}</a>
    </div>
  </footer>
</template>

<script setup lang="ts">
  defineProps({
    /** 文字的颜色 */
    color: { type: String, default: 'var(--el-text-color-regular)' },
  });

  const fullYear = new Date().getFullYear();
  const register = ref('津ICP备2023009992号-3');
</script>

<style lang="scss" scoped>
  .rest-copyright {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;

    .copyright-box {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .register-box {
      margin-left: 20px;
    }
  }
</style>
